<template>
    <div class="sale-body comm-list">
        <div class="costom-row">
            <div class="costom-info">
                <div class="title">流水类型：</div>
                <div class="data">{{ flowDetails.scode || '--' }}</div>
            </div>
            <div class="costom-info">
                <div class="title">发生金额：</div>
                <div class="data font_green">{{ flowDetails.money || '--' }}</div>
            </div>
            <div class="costom-info">
                <div class="title">发生时间：</div>
                <div class="data">{{ flowDetails.atime || '--' }}</div>
            </div>
            <div class="costom-info">
                <div class="title">收款方式：</div>
                <div class="data">{{ flowDetails.payid || '--' }}</div>
            </div>
            <div class="costom-info">
                <div class="title">经手人：</div>
                <div class="data">{{ flowDetails.uname || '--' }}</div>
            </div>
            <div class="costom-info">
                <div class="title">相关单号：</div>
                <div class="data">{{ flowDetails.odid || '--' }}</div>
            </div>
            <div class="costom-info">
                <div class="title">备注说明：</div>
                <div class="data">{{ flowDetails.txt || '--' }}</div>
            </div>
        </div>
    </div>
</template>

<script setup>
import { ref,defineProps,defineExpose,getCurrentInstance } from '@vue/composition-api';
import config from "@/js/conf/Config.js";
const {proxy} = getCurrentInstance();

const flowDetails = ref({})
const showFlowDetails = async (item) => {
    let param = {
        id: item.id,
        // is_yy: this.md == 15 ? 1 : "",
        ch: "1",
    };
    let res = await proxy.$api({ url: config.CUSTOM_BILL_INFO, data: param });
    if (res.status == 1) {
        flowDetails.value = res.data;
    }
}

defineExpose({
    showFlowDetails
})

</script>

<style lang="scss" scoped>
.costom-row {
    border-bottom: 2px #f3f3f3 solid;
    padding-bottom: 10px;
    margin-bottom: 10px;

    &:last-child {
        border: none;
    }

    .costom-info {
        height: 40px;
        display: flex;
        align-items: center;
        font-size: 14px;

        .title {
            width: 75px;
        }

        .data {
            color: #797979;
        }
    }
}
</style>
